<!DOCTYPE html>
<HTML>
<HEAD><meta name="viewport" content="width=device-width, initial-scale=1">
<Title>Zoomable and Scrollable Charts</Title>
<link type='text/css' rel='Stylesheet' href="maxchartapi.css" />
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
<p class="heading0">ChartDirector 7.0 (Java Edition)</p>
<p class="heading1">Zoomable and Scrollable Charts</p>
<hr class="separator">
<div class="content">This section describes the ChartDirector Zooming and Scrolling Framework for creating zooming and scrollable charts.
</div><p class="heading2">In this section</p><div class="content">
<div style="margin-left:15px"><a href="zoomscrollintroweb.htm">Zooming and Scrolling Framework</a></div><div style="margin-left:35px">
Description of the ChartDirector Zooming and Scroll Framework .
</div><br>
<div style="margin-left:15px"><a href="simplezoomscrollweb.htm">Simple Zooming and Scrolling</a></div><div style="margin-left:35px">
This sample program demonstrates a simple zoomable and scrollable chart with tooltips, using mouse click and drag to control zooming and scrolling.
</div><br>
<div style="margin-left:15px"><a href="zoomscrolltrackweb.htm">Zooming and Scrolling with Track Line</a></div><div style="margin-left:35px">
Besides using mouse click and drag for zooming and scrolling, this example has buttons for jumping immediately to display data for the last 30 days, last 90 days, last year or all time. There are check boxes to select the data series to plot, and an update button to immediately update the chart. In addition, the chart includes a track cursor that updates the legend dynamically to display the data values as the mouse cursor moves over the chart.
</div><br>
<div style="margin-left:15px"><a href="viewportcontroldemoweb.htm">Zooming and Scrolling with Viewport Control</a></div><div style="margin-left:35px">
The example extends the <a href="zoomscrolltrackweb.htm">Zooming and Scrolling with Track Line</a> example by adding a <a href="WebViewPortControl.htm">WebViewPortControl</a> to visualize and control the viewport, and a button to download the chart as PDF.
</div><br>
<div style="margin-left:15px"><a href="xyzoomscrollweb.htm">XY Zooming and Scrolling</a></div><div style="margin-left:35px">
This example demonstrates zooming and scrolling in both horizontal and vertical directions. In addition to using mouse click and drag, this example demonstrates using a <a href="WebViewPortControl.htm">WebViewPortControl</a> to visualize and control the viewport. There is also an image map for data point tooltips.
</div></div><br>
<hr class="separator"><div class="copyright">&copy; 2022 Advanced Software Engineering Limited. All rights reserved.</div></body>
</HTML>
